
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont icon-wendang"></i>
                    <div class="name">文档</div>
                    <div class="fontclass">.icon-wendang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zitidaxiaoim"></i>
                    <div class="name">字体大小-im</div>
                    <div class="fontclass">.icon-zitidaxiaoim</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-msnui-report-data"></i>
                    <div class="name">数据分析</div>
                    <div class="fontclass">.icon-msnui-report-data</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuzhi"></i>
                    <div class="name">复制</div>
                    <div class="fontclass">.icon-fuzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caozuoxunhuan"></i>
                    <div class="name">操作_循环</div>
                    <div class="fontclass">.icon-caozuoxunhuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caidan"></i>
                    <div class="name">菜单</div>
                    <div class="fontclass">.icon-caidan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouye"></i>
                    <div class="name">首页</div>
                    <div class="fontclass">.icon-shouye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-three-people"></i>
                    <div class="name">层级分配</div>
                    <div class="fontclass">.icon-three-people</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontfenxiang"></i>
                    <div class="name">分享</div>
                    <div class="fontclass">.icon-iconfontfenxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-search2"></i>
                    <div class="name">search2</div>
                    <div class="fontclass">.icon-search2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-order-time"></i>
                    <div class="name">就诊时间</div>
                    <div class="fontclass">.icon-order-time</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangshang"></i>
                    <div class="name">向上</div>
                    <div class="fontclass">.icon-xiangshang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangxia"></i>
                    <div class="name">向下</div>
                    <div class="fontclass">.icon-xiangxia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangxia1"></i>
                    <div class="name">向下</div>
                    <div class="fontclass">.icon-xiangxia1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jichushuju"></i>
                    <div class="name">基础数据</div>
                    <div class="fontclass">.icon-jichushuju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuanfenzu"></i>
                    <div class="name">会员分组</div>
                    <div class="fontclass">.icon-huiyuanfenzu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shitifenzu"></i>
                    <div class="name">实体分组</div>
                    <div class="fontclass">.icon-shitifenzu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenpei"></i>
                    <div class="name">分配</div>
                    <div class="fontclass">.icon-fenpei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qq"></i>
                    <div class="name">QQ</div>
                    <div class="fontclass">.icon-qq</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mingdanfenpei"></i>
                    <div class="name">名单分配</div>
                    <div class="fontclass">.icon-mingdanfenpei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0398"></i>
                    <div class="name">雷达</div>
                    <div class="fontclass">.icon-iconset0398</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0403"></i>
                    <div class="name">地球</div>
                    <div class="fontclass">.icon-iconset0403</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0422"></i>
                    <div class="name">向上</div>
                    <div class="fontclass">.icon-iconset0422</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuoming"></i>
                    <div class="name">说明</div>
                    <div class="fontclass">.icon-shuoming</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-houtui"></i>
                    <div class="name">后退</div>
                    <div class="fontclass">.icon-houtui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qianjin"></i>
                    <div class="name">前进</div>
                    <div class="fontclass">.icon-qianjin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin1"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontxiaogantanhao"></i>
                    <div class="name">感叹号</div>
                    <div class="fontclass">.icon-iconfontxiaogantanhao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-peizhi"></i>
                    <div class="name">配置</div>
                    <div class="fontclass">.icon-peizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti6"></i>
                    <div class="name">外部数据</div>
                    <div class="fontclass">.icon-weibiaoti6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuanze"></i>
                    <div class="name">选择</div>
                    <div class="fontclass">.icon-xuanze</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti38"></i>
                    <div class="name">圆</div>
                    <div class="fontclass">.icon-weibiaoti38</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dakaiopen127"></i>
                    <div class="name">打开</div>
                    <div class="fontclass">.icon-dakaiopen127</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantouarrow485"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-jiantouarrow485</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantouarrow496"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-jiantouarrow496</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wendangdocument81"></i>
                    <div class="name">文档</div>
                    <div class="fontclass">.icon-wendangdocument81</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wendangdocument83"></i>
                    <div class="name">文档</div>
                    <div class="fontclass">.icon-wendangdocument83</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-21shengyin"></i>
                    <div class="name">21_声音</div>
                    <div class="fontclass">.icon-21shengyin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-30xuanzhongfangxing"></i>
                    <div class="name">30_选中方形</div>
                    <div class="fontclass">.icon-30xuanzhongfangxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-33"></i>
                    <div class="name">锁定</div>
                    <div class="fontclass">.icon-33</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-17"></i>
                    <div class="name">类型</div>
                    <div class="fontclass">.icon-17</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhuxingtu"></i>
                    <div class="name">柱形图</div>
                    <div class="fontclass">.icon-zhuxingtu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jifenshangcheng"></i>
                    <div class="name">积分商城</div>
                    <div class="fontclass">.icon-jifenshangcheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-leida"></i>
                    <div class="name">监测数据</div>
                    <div class="fontclass">.icon-leida</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujuzidingyishezhi"></i>
                    <div class="name">数据定义</div>
                    <div class="fontclass">.icon-shujuzidingyishezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fabu"></i>
                    <div class="name">发布</div>
                    <div class="fontclass">.icon-fabu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wanggeshitu"></i>
                    <div class="name">网格视图</div>
                    <div class="fontclass">.icon-wanggeshitu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanxishujuku"></i>
                    <div class="name">关系数据库</div>
                    <div class="fontclass">.icon-guanxishujuku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wendang2"></i>
                    <div class="name">文档</div>
                    <div class="fontclass">.icon-wendang2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhiyuanshuaxin4"></i>
                    <div class="name">指缘刷新4</div>
                    <div class="fontclass">.icon-zhiyuanshuaxin4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-audit"></i>
                    <div class="name">多级审批</div>
                    <div class="fontclass">.icon-icon-audit</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-goods"></i>
                    <div class="name">物品管理</div>
                    <div class="fontclass">.icon-icon-goods</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujuwenjian"></i>
                    <div class="name">数据文件</div>
                    <div class="fontclass">.icon-shujuwenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wechat"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-wechat</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-suyaniconchanpinleibufenzuodaohangbufen84"></i>
                    <div class="name">数据库</div>
                    <div class="fontclass">.icon-suyaniconchanpinleibufenzuodaohangbufen84</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ditu"></i>
                    <div class="name">地图</div>
                    <div class="fontclass">.icon-ditu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-selected-copy"></i>
                    <div class="name">选中</div>
                    <div class="fontclass">.icon-selected-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yidongyunkongzhitaiicon41"></i>
                    <div class="name">并行数据挖掘</div>
                    <div class="fontclass">.icon-yidongyunkongzhitaiicon41</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhanneisousuo"></i>
                    <div class="name">站内搜索</div>
                    <div class="fontclass">.icon-zhanneisousuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenxiang"></i>
                    <div class="name">分享</div>
                    <div class="fontclass">.icon-fenxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanxi"></i>
                    <div class="name">关系</div>
                    <div class="fontclass">.icon-guanxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ditu3"></i>
                    <div class="name">地图</div>
                    <div class="fontclass">.icon-ditu3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakansousuodingdan"></i>
                    <div class="name">查看搜索订单</div>
                    <div class="fontclass">.icon-chakansousuodingdan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-attribute"></i>
                    <div class="name">属性</div>
                    <div class="fontclass">.icon-attribute</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-Kafka"></i>
                    <div class="name">Kafka</div>
                    <div class="fontclass">.icon-Kafka</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanlian"></i>
                    <div class="name">关联</div>
                    <div class="fontclass">.icon-guanlian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuandui"></i>
                    <div class="name">团队</div>
                    <div class="fontclass">.icon-tuandui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shitixingwei"></i>
                    <div class="name">实体行为</div>
                    <div class="fontclass">.icon-shitixingwei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shitiguanxi"></i>
                    <div class="name">实体关系</div>
                    <div class="fontclass">.icon-shitiguanxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongbujichengshuxing"></i>
                    <div class="name">同步继承属性</div>
                    <div class="fontclass">.icon-tongbujichengshuxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lishiyunxingjilu"></i>
                    <div class="name">历史运行记录</div>
                    <div class="fontclass">.icon-lishiyunxingjilu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongshiticaozuobiaoshi"></i>
                    <div class="name">系统实体操作标识</div>
                    <div class="fontclass">.icon-xitongshiticaozuobiaoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongzuzhileixing"></i>
                    <div class="name">系统组织类型</div>
                    <div class="fontclass">.icon-xitongzuzhileixing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wuuiconsuoxiao"></i>
                    <div class="name">减</div>
                    <div class="fontclass">.icon-wuuiconsuoxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-big-WeChat"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-big-WeChat</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiazai"></i>
                    <div class="name">下载</div>
                    <div class="fontclass">.icon-xiazai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjianjia1"></i>
                    <div class="name">文件夹</div>
                    <div class="fontclass">.icon-wenjianjia1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontpaixingbang"></i>
                    <div class="name">数据</div>
                    <div class="fontclass">.icon-iconfontpaixingbang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuxiang1"></i>
                    <div class="name">图像1</div>
                    <div class="fontclass">.icon-tuxiang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangcheng1"></i>
                    <div class="name">商城1</div>
                    <div class="fontclass">.icon-shangcheng1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fangda"></i>
                    <div class="name">放大</div>
                    <div class="fontclass">.icon-fangda</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhi1"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-shezhi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shebeileijiankongdianbaojing"></i>
                    <div class="name">设备类_监控点报警</div>
                    <div class="fontclass">.icon-shebeileijiankongdianbaojing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shebeileijiankongdianbaojingbingbofang"></i>
                    <div class="name">设备类_监控点报警并播放</div>
                    <div class="fontclass">.icon-shebeileijiankongdianbaojingbingbofang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongyongleixunchaluxian"></i>
                    <div class="name">通用类_巡查路线</div>
                    <div class="fontclass">.icon-tongyongleixunchaluxian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongyongleizudakai"></i>
                    <div class="name">通用类_组（打开） </div>
                    <div class="fontclass">.icon-tongyongleizudakai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chenggong"></i>
                    <div class="name">成功</div>
                    <div class="fontclass">.icon-chenggong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuju"></i>
                    <div class="name">数据</div>
                    <div class="fontclass">.icon-shuju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bhjlink"></i>
                    <div class="name">办会家_连接</div>
                    <div class="fontclass">.icon-bhjlink</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontzhizuobiaozhun023103"></i>
                    <div class="name">发现</div>
                    <div class="fontclass">.icon-iconfontzhizuobiaozhun023103</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwenben"></i>
                    <div class="name">富文本</div>
                    <div class="fontclass">.icon-fuwenben</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuxing"></i>
                    <div class="name">属性</div>
                    <div class="fontclass">.icon-shuxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongzuotai"></i>
                    <div class="name">工作台</div>
                    <div class="fontclass">.icon-gongzuotai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jian"></i>
                    <div class="name">减</div>
                    <div class="fontclass">.icon-jian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diqiu1"></i>
                    <div class="name">地球</div>
                    <div class="fontclass">.icon-diqiu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jia1"></i>
                    <div class="name">加</div>
                    <div class="fontclass">.icon-jia1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-3sousuo2"></i>
                    <div class="name">3搜索2</div>
                    <div class="fontclass">.icon-3sousuo2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zengjia"></i>
                    <div class="name">增加</div>
                    <div class="fontclass">.icon-zengjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weizhi"></i>
                    <div class="name">位置</div>
                    <div class="fontclass">.icon-weizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lishijilu"></i>
                    <div class="name">历史记录</div>
                    <div class="fontclass">.icon-lishijilu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-dianjiduobianxing"></i>
                    <div class="name">点击选多边形</div>
                    <div class="fontclass">.icon-icon-dianjiduobianxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shishishuju"></i>
                    <div class="name">实时数据</div>
                    <div class="fontclass">.icon-shishishuju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gaojingxinxi"></i>
                    <div class="name">账号异常</div>
                    <div class="fontclass">.icon-gaojingxinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaoxi"></i>
                    <div class="name">消息</div>
                    <div class="fontclass">.icon-xiaoxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-sanjiao"></i>
                    <div class="name">三角形</div>
                    <div class="fontclass">.icon-icon-sanjiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-plus-gridview"></i>
                    <div class="name">网格</div>
                    <div class="fontclass">.icon-plus-gridview</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-lujingguanli"></i>
                    <div class="name">路径管理</div>
                    <div class="fontclass">.icon-icon-lujingguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baojingshezhi"></i>
                    <div class="name">报警设置</div>
                    <div class="fontclass">.icon-baojingshezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujukubiao"></i>
                    <div class="name">数据库表</div>
                    <div class="fontclass">.icon-shujukubiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jichushujuguanli"></i>
                    <div class="name">基础数据管理</div>
                    <div class="fontclass">.icon-jichushujuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji1"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-peizhishujuyuan"></i>
                    <div class="name">配置数据源</div>
                    <div class="fontclass">.icon-peizhishujuyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuandui1"></i>
                    <div class="name">团队</div>
                    <div class="fontclass">.icon-tuandui1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wendang3"></i>
                    <div class="name">文档</div>
                    <div class="fontclass">.icon-wendang3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jichushuju1"></i>
                    <div class="name">基础数据</div>
                    <div class="fontclass">.icon-jichushuju1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shenpi"></i>
                    <div class="name">审批</div>
                    <div class="fontclass">.icon-shenpi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenxiang1"></i>
                    <div class="name">分享</div>
                    <div class="fontclass">.icon-fenxiang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhanghaoguanli"></i>
                    <div class="name">人物-账号管理</div>
                    <div class="fontclass">.icon-zhanghaoguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujujuzhen"></i>
                    <div class="name">符号-数据矩阵</div>
                    <div class="fontclass">.icon-shujujuzhen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenzi"></i>
                    <div class="name">文字</div>
                    <div class="fontclass">.icon-wenzi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-SQLshujuji"></i>
                    <div class="name">SQL数据集</div>
                    <div class="fontclass">.icon-SQLshujuji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hebingdanyuange"></i>
                    <div class="name">合并单元格</div>
                    <div class="fontclass">.icon-hebingdanyuange</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quxiaohebingdanyuange"></i>
                    <div class="name">取消合并单元格</div>
                    <div class="fontclass">.icon-quxiaohebingdanyuange</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujuku1"></i>
                    <div class="name">数据库</div>
                    <div class="fontclass">.icon-shujuku1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenzu"></i>
                    <div class="name">分组</div>
                    <div class="fontclass">.icon-fenzu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lianjiequzhong"></i>
                    <div class="name">链接去重</div>
                    <div class="fontclass">.icon-lianjiequzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huaxiangfenxi"></i>
                    <div class="name">画像分析</div>
                    <div class="fontclass">.icon-huaxiangfenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujushitu"></i>
                    <div class="name">数据视图</div>
                    <div class="fontclass">.icon-shujushitu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yusuanzuheleixing"></i>
                    <div class="name">预算组合类型</div>
                    <div class="fontclass">.icon-yusuanzuheleixing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanxitu"></i>
                    <div class="name">关系图</div>
                    <div class="fontclass">.icon-guanxitu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-institute"></i>
                    <div class="name">机构关系</div>
                    <div class="fontclass">.icon-institute</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dmsshujukuguanli"></i>
                    <div class="name">dms数据库管理</div>
                    <div class="fontclass">.icon-dmsshujukuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-HybridDByunshujuku"></i>
                    <div class="name">HybridDB云数据库</div>
                    <div class="fontclass">.icon-HybridDByunshujuku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-NoSQLshujukuMemcache"></i>
                    <div class="name">云数据库 Memcache 版</div>
                    <div class="fontclass">.icon-NoSQLshujukuMemcache</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-NoSQLshujukumongodb"></i>
                    <div class="name">云数据库 MongoDB版</div>
                    <div class="fontclass">.icon-NoSQLshujukumongodb</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-NoSQLshujukuredis"></i>
                    <div class="name">云数据库 redis</div>
                    <div class="fontclass">.icon-NoSQLshujukuredis</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-drdsfenbushiguanxixingshujukufuwu"></i>
                    <div class="name">drds分布式关系型数据库服务</div>
                    <div class="fontclass">.icon-drdsfenbushiguanxixingshujukufuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ditudingwei"></i>
                    <div class="name">地图定位</div>
                    <div class="fontclass">.icon-ditudingwei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuaxin"></i>
                    <div class="name">刷新</div>
                    <div class="fontclass">.icon-shuaxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujuchaxun"></i>
                    <div class="name">数据查询</div>
                    <div class="fontclass">.icon-shujuchaxun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dituzhaofang"></i>
                    <div class="name">地图找房</div>
                    <div class="fontclass">.icon-dituzhaofang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-entity"></i>
                    <div class="name">实体关系</div>
                    <div class="fontclass">.icon-entity</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-align-bottom"></i>
                    <div class="name">底对齐</div>
                    <div class="fontclass">.icon-align-bottom</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cheliang-"></i>
                    <div class="name">车辆-01</div>
                    <div class="fontclass">.icon-cheliang-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duomeit"></i>
                    <div class="name">多媒体文件</div>
                    <div class="fontclass">.icon-duomeit</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchuwendang"></i>
                    <div class="name">删除文档</div>
                    <div class="fontclass">.icon-shanchuwendang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gaojixuanren"></i>
                    <div class="name">人物-高级选人</div>
                    <div class="fontclass">.icon-gaojixuanren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenxianglianjie"></i>
                    <div class="name">分享链接</div>
                    <div class="fontclass">.icon-fenxianglianjie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangxia2"></i>
                    <div class="name">向下</div>
                    <div class="fontclass">.icon-xiangxia2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangshang1"></i>
                    <div class="name">向上</div>
                    <div class="fontclass">.icon-xiangshang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hitsdb"></i>
                    <div class="name">hitsdb 时序数据库.</div>
                    <div class="fontclass">.icon-hitsdb</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenbenkuai"></i>
                    <div class="name">文本块</div>
                    <div class="fontclass">.icon-wenbenkuai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hbase"></i>
                    <div class="name">hbase 云数据库 HBase 版</div>
                    <div class="fontclass">.icon-hbase</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jigou_wushuju"></i>
                    <div class="name">机构_无数据</div>
                    <div class="fontclass">.icon-jigou_wushuju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujucaiji"></i>
                    <div class="name">数据采集</div>
                    <div class="fontclass">.icon-shujucaiji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongzuorizhi"></i>
                    <div class="name">工作日志</div>
                    <div class="fontclass">.icon-gongzuorizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-Redisshujuku"></i>
                    <div class="name">Redis 数据库</div>
                    <div class="fontclass">.icon-Redisshujuku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renliziyuanzhutifenxi"></i>
                    <div class="name">人力资源主题分析</div>
                    <div class="fontclass">.icon-renliziyuanzhutifenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuhefenxi"></i>
                    <div class="name">负荷分析</div>
                    <div class="fontclass">.icon-fuhefenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gaojingyilan"></i>
                    <div class="name">告警一览</div>
                    <div class="fontclass">.icon-gaojingyilan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tishikuang"></i>
                    <div class="name">提示框</div>
                    <div class="fontclass">.icon-tishikuang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanlian1"></i>
                    <div class="name">关联</div>
                    <div class="fontclass">.icon-guanlian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-adam"></i>
                    <div class="name">adam 数据库和应用迁移</div>
                    <div class="fontclass">.icon-adam</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixing"></i>
                    <div class="name">卫星</div>
                    <div class="fontclass">.icon-weixing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan1"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanbu"></i>
                    <div class="name">全部</div>
                    <div class="fontclass">.icon-quanbu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangji"></i>
                    <div class="name">相机</div>
                    <div class="fontclass">.icon-xiangji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqi"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-riqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaoxi1"></i>
                    <div class="name">消息</div>
                    <div class="fontclass">.icon-xiaoxi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-suoding"></i>
                    <div class="name">锁定</div>
                    <div class="fontclass">.icon-suoding</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu1"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuceng"></i>
                    <div class="name">图层</div>
                    <div class="fontclass">.icon-tuceng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhi2"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-shezhi2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhuanyiluxian"></i>
                    <div class="name">转移路线</div>
                    <div class="fontclass">.icon-zhuanyiluxian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fangxunxingshibushu"></i>
                    <div class="name">防汛形势部署</div>
                    <div class="fontclass">.icon-fangxunxingshibushu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shishishujuzhanshi"></i>
                    <div class="name">实时数据展示</div>
                    <div class="fontclass">.icon-shishishujuzhanshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohang-tuiguanglianjie"></i>
                    <div class="name">导航-推广链接</div>
                    <div class="fontclass">.icon-daohang-tuiguanglianjie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohang-xiaoshuoliebiao"></i>
                    <div class="name">导航-小说列表</div>
                    <div class="fontclass">.icon-daohang-xiaoshuoliebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohang-gongzhonghaotixing"></i>
                    <div class="name">导航-公众号设置</div>
                    <div class="fontclass">.icon-daohang-gongzhonghaotixing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-polardb"></i>
                    <div class="name">云数据库POLARDB</div>
                    <div class="fontclass">.icon-polardb</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixing1"></i>
                    <div class="name">卫星</div>
                    <div class="fontclass">.icon-weixing1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renyuanguanli1"></i>
                    <div class="name">人员管理</div>
                    <div class="fontclass">.icon-renyuanguanli1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daba"></i>
                    <div class="name">实物-大巴</div>
                    <div class="fontclass">.icon-daba</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-feiji"></i>
                    <div class="name">实物-飞机</div>
                    <div class="fontclass">.icon-feiji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shiwu-zuoji"></i>
                    <div class="name">实物-座机</div>
                    <div class="fontclass">.icon-shiwu-zuoji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-erji-lujingguanli"></i>
                    <div class="name">二级-路径管理</div>
                    <div class="fontclass">.icon-erji-lujingguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouye1"></i>
                    <div class="name">首页</div>
                    <div class="fontclass">.icon-shouye1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-selected"></i>
                    <div class="name">选中</div>
                    <div class="fontclass">.icon-selected</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renyuanguanli"></i>
                    <div class="name">人员管理</div>
                    <div class="fontclass">.icon-renyuanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouji1"></i>
                    <div class="name">手机</div>
                    <div class="fontclass">.icon-shouji1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rdsyunshujukuSQLban"></i>
                    <div class="name">rds 云数据库SQL版</div>
                    <div class="fontclass">.icon-rdsyunshujukuSQLban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujuku2"></i>
                    <div class="name">数据库</div>
                    <div class="fontclass">.icon-shujuku2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wulitu_shujufuwuqi"></i>
                    <div class="name">物理图_数据服务器</div>
                    <div class="fontclass">.icon-wulitu_shujufuwuqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon--"></i>
                    <div class="name">放大</div>
                    <div class="fontclass">.icon-icon--</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon--1"></i>
                    <div class="name">消息</div>
                    <div class="fontclass">.icon-icon--1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paihangshuju"></i>
                    <div class="name">排行数据</div>
                    <div class="fontclass">.icon-paihangshuju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dituzuobiao"></i>
                    <div class="name">地图坐标</div>
                    <div class="fontclass">.icon-dituzuobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ditu1"></i>
                    <div class="name">地图</div>
                    <div class="fontclass">.icon-ditu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-piliangyiku"></i>
                    <div class="name">批量移库</div>
                    <div class="fontclass">.icon-piliangyiku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tiaobochuku"></i>
                    <div class="name">调拨出库</div>
                    <div class="fontclass">.icon-tiaobochuku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qitaruku"></i>
                    <div class="name">其他入库</div>
                    <div class="fontclass">.icon-qitaruku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixianghebing"></i>
                    <div class="name">尾箱合并</div>
                    <div class="fontclass">.icon-weixianghebing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiesuo"></i>
                    <div class="name">解锁</div>
                    <div class="fontclass">.icon-jiesuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gaiicon-"></i>
                    <div class="name">能效服务</div>
                    <div class="fontclass">.icon-gaiicon-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohang-shujufenxi"></i>
                    <div class="name">数据汇总</div>
                    <div class="fontclass">.icon-daohang-shujufenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shishishujushouji"></i>
                    <div class="name">是时数据收集</div>
                    <div class="fontclass">.icon-shishishujushouji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-Find_unclick"></i>
                    <div class="name">Find_unclick</div>
                    <div class="fontclass">.icon-Find_unclick</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hdm"></i>
                    <div class="name">hdm 混合云数据库管理</div>
                    <div class="fontclass">.icon-hdm</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijian"></i>
                    <div class="name">时间</div>
                    <div class="fontclass">.icon-shijian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xueshengrizhi"></i>
                    <div class="name">学生日志</div>
                    <div class="fontclass">.icon-xueshengrizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti-"></i>
                    <div class="name">时钟</div>
                    <div class="fontclass">.icon-weibiaoti-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wendang4"></i>
                    <div class="name">文档</div>
                    <div class="fontclass">.icon-wendang4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuzhixietiaonengli"></i>
                    <div class="name">组织协调能力</div>
                    <div class="fontclass">.icon-zuzhixietiaonengli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gerenzhiyeguihua"></i>
                    <div class="name">个人职业规划 </div>
                    <div class="fontclass">.icon-gerenzhiyeguihua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuanduiguanli"></i>
                    <div class="name">团队管理</div>
                    <div class="fontclass">.icon-tuanduiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuanduijianshe"></i>
                    <div class="name">团队建设</div>
                    <div class="fontclass">.icon-tuanduijianshe</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yifahuo"></i>
                    <div class="name">已发货</div>
                    <div class="fontclass">.icon-yifahuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dizhi"></i>
                    <div class="name">地址</div>
                    <div class="fontclass">.icon-dizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon"></i>
                    <div class="name">关系网络图</div>
                    <div class="fontclass">.icon-icon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-antdesign"></i>
                    <div class="name">ant design</div>
                    <div class="fontclass">.icon-antdesign</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-API"></i>
                    <div class="name">API</div>
                    <div class="fontclass">.icon-API</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bulb"></i>
                    <div class="name">bulb</div>
                    <div class="fontclass">.icon-bulb</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-calendar"></i>
                    <div class="name">calendar</div>
                    <div class="fontclass">.icon-calendar</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-clock-circle-o"></i>
                    <div class="name">clock-circle-o</div>
                    <div class="fontclass">.icon-clock-circle-o</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-close-circle-o"></i>
                    <div class="name">close-circle-o</div>
                    <div class="fontclass">.icon-close-circle-o</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dashboard"></i>
                    <div class="name">dashboard</div>
                    <div class="fontclass">.icon-dashboard</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-error"></i>
                    <div class="name">error</div>
                    <div class="fontclass">.icon-error</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-exclamation-circle-o"></i>
                    <div class="name">exclamation-circle-o</div>
                    <div class="fontclass">.icon-exclamation-circle-o</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-find"></i>
                    <div class="name">find</div>
                    <div class="fontclass">.icon-find</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-folder"></i>
                    <div class="name">folder</div>
                    <div class="fontclass">.icon-folder</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-indent-left"></i>
                    <div class="name">indent-left</div>
                    <div class="fontclass">.icon-indent-left</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-indent-right"></i>
                    <div class="name">indent-right</div>
                    <div class="fontclass">.icon-indent-right</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-laptop"></i>
                    <div class="name">laptop</div>
                    <div class="fontclass">.icon-laptop</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-layout"></i>
                    <div class="name">layout</div>
                    <div class="fontclass">.icon-layout</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhi"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-shezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixiu"></i>
                    <div class="name">维修</div>
                    <div class="fontclass">.icon-weixiu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-file-add"></i>
                    <div class="name">file-add</div>
                    <div class="fontclass">.icon-file-add</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-folder-add"></i>
                    <div class="name">folder-add</div>
                    <div class="fontclass">.icon-folder-add</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-folder-open"></i>
                    <div class="name">folder-open</div>
                    <div class="fontclass">.icon-folder-open</div>
                </li>
            
                <li>
                <i class="icon iconfont icon--jiangbei"></i>
                    <div class="name">09-奖杯</div>
                    <div class="fontclass">.icon--jiangbei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon--bingzhuangtu"></i>
                    <div class="name">14-饼状图</div>
                    <div class="fontclass">.icon--bingzhuangtu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anquan"></i>
                    <div class="name">安全</div>
                    <div class="fontclass">.icon-anquan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjianjia"></i>
                    <div class="name">文件夹</div>
                    <div class="fontclass">.icon-wenjianjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yunshangchuan"></i>
                    <div class="name">云上传</div>
                    <div class="fontclass">.icon-yunshangchuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujuwajue"></i>
                    <div class="name">数据挖掘</div>
                    <div class="fontclass">.icon-shujuwajue</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujujianmo"></i>
                    <div class="name">数据建模</div>
                    <div class="fontclass">.icon-shujujianmo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xietongwendang"></i>
                    <div class="name">协同文档</div>
                    <div class="fontclass">.icon-xietongwendang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yijianfenxi"></i>
                    <div class="name">意见分析</div>
                    <div class="fontclass">.icon-yijianfenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tiaosepan"></i>
                    <div class="name">调色盘</div>
                    <div class="fontclass">.icon-tiaosepan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huoche"></i>
                    <div class="name">货车</div>
                    <div class="fontclass">.icon-huoche</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jingcha"></i>
                    <div class="name">警察</div>
                    <div class="fontclass">.icon-jingcha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lahuoche"></i>
                    <div class="name">拉货车</div>
                    <div class="fontclass">.icon-lahuoche</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujuku"></i>
                    <div class="name">数据库</div>
                    <div class="fontclass">.icon-shujuku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwuqi"></i>
                    <div class="name">服务器</div>
                    <div class="fontclass">.icon-fuwuqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwuqi_hover"></i>
                    <div class="name">服务器_hover</div>
                    <div class="fontclass">.icon-fuwuqi_hover</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwuqizu"></i>
                    <div class="name">服务器组</div>
                    <div class="fontclass">.icon-fuwuqizu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwuqizu_hover"></i>
                    <div class="name">服务器组_hover</div>
                    <div class="fontclass">.icon-fuwuqizu_hover</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangyun"></i>
                    <div class="name">上云</div>
                    <div class="fontclass">.icon-shangyun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangyun_hover"></i>
                    <div class="name">上云_hover</div>
                    <div class="fontclass">.icon-shangyun_hover</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjian"></i>
                    <div class="name">文件</div>
                    <div class="fontclass">.icon-wenjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjian_hover"></i>
                    <div class="name">文件_hover</div>
                    <div class="fontclass">.icon-wenjian_hover</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yingpan"></i>
                    <div class="name">硬盘</div>
                    <div class="fontclass">.icon-yingpan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yingpanfuzhi"></i>
                    <div class="name">硬盘复制</div>
                    <div class="fontclass">.icon-yingpanfuzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yingpanfuzhi_hover"></i>
                    <div class="name">硬盘复制_hover</div>
                    <div class="fontclass">.icon-yingpanfuzhi_hover</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yunzhuji"></i>
                    <div class="name">云主机</div>
                    <div class="fontclass">.icon-yunzhuji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yunzhuji_hover"></i>
                    <div class="name">云主机_hover</div>
                    <div class="fontclass">.icon-yunzhuji_hover</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangzuojiantou"></i>
                    <div class="name">向左箭头</div>
                    <div class="fontclass">.icon-xiangzuojiantou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiaozhizuomoban-zitibianda"></i>
                    <div class="name">图标制作模版-字体变大</div>
                    <div class="fontclass">.icon-tubiaozhizuomoban-zitibianda</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiaozhizuomoban-zitibianxiao"></i>
                    <div class="name">图标制作模版-字体变小</div>
                    <div class="fontclass">.icon-tubiaozhizuomoban-zitibianxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiaozhizuomoban-wenjianjia"></i>
                    <div class="name">图标制作模版-文件夹</div>
                    <div class="fontclass">.icon-tubiaozhizuomoban-wenjianjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiaozhizuomoban-tuxing"></i>
                    <div class="name">图标制作模版-图形</div>
                    <div class="fontclass">.icon-tubiaozhizuomoban-tuxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-whg-jiansuo"></i>
                    <div class="name">图标制作模版-检索</div>
                    <div class="fontclass">.icon-whg-jiansuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-whg-dituweizhi"></i>
                    <div class="name">whg-地图位置</div>
                    <div class="fontclass">.icon-whg-dituweizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-whg-xiangji"></i>
                    <div class="name">whg-相机</div>
                    <div class="fontclass">.icon-whg-xiangji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-whg-chuizhi"></i>
                    <div class="name">whg-垂直</div>
                    <div class="fontclass">.icon-whg-chuizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-whg-shuiping"></i>
                    <div class="name">whg-水平</div>
                    <div class="fontclass">.icon-whg-shuiping</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-whg-fangda"></i>
                    <div class="name">whg-放大</div>
                    <div class="fontclass">.icon-whg-fangda</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-whg-suoxiao"></i>
                    <div class="name">whg-缩小</div>
                    <div class="fontclass">.icon-whg-suoxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-whg-kuangxuan"></i>
                    <div class="name">whg-框选</div>
                    <div class="fontclass">.icon-whg-kuangxuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-whg-pengzhuang"></i>
                    <div class="name">whg-碰撞</div>
                    <div class="fontclass">.icon-whg-pengzhuang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-whg-pengzhuang1"></i>
                    <div class="name">whg-碰撞2</div>
                    <div class="fontclass">.icon-whg-pengzhuang1</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
